<extend name="Common@Base/layout"/>
<block name="body">
    <div class="pside">
        <h3>部门</h3>
        <ul class="nav">
            <li><a href="/set/dept/index">组织架构</a></li>
        </ul>
    </div>
    <div class="pside-toggle pside-hide"><i class="fa fa-angle-double-left"></i></div>
    <div class="pmain">
        <div class="pmain-side">
            <h3 class="mod-title">
                <span class="t">组织架构</span>
            </h3>
            <div class="org-mod-nav">
                <div class="org-tree-select-panel">
                    <div class="org-tree-panel">
                        <div class="org-tree-radio">
                            <ul class="org-tree">
                                <li data-type="department">
                                    <div class="item item-folder expand checked active" data-value="多橙科技">
                                        <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                        <a class="item-name" role="button">
                                            <i class="icon-folder fa fa-folder-open-o"></i>
                                            <i class="icon-check fa fa-square-o" style="display:none;"></i>
                                            <span class="name" data-id="1">多橙科技</span>
                                        </a>
                                    </div>
                                    <ul class="expand">
                                        <li data-type="department">
                                            <div class="item item-folder expand" data-value="厦门">
                                                <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                                <a class="item-name" role="button">
                                                    <i class="icon-folder fa fa-folder-open-o"></i>
                                                    <i class="icon-check fa fa-square-o" style="display:none;"></i>
                                                    <span class="name" data-id="2">厦门</span>
                                                </a>
                                            </div>
                                            <ul class="expand">
                                                <li data-type="member">
                                                    <div class="item expand" data-value="2">
                                                        <a class="item-name" role="button">
                                                            <i class="icon-folder fa fa-user"></i>
                                                            <i class="icon-check fa fa-square-o"></i>
                                                            <span class="name">陈吓妹</span>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li data-type="member">
                                                    <div class="item expand" data-value="3">
                                                        <a class="item-name" role="button">
                                                            <i class="icon-folder fa fa-user"></i>
                                                            <i class="icon-check fa fa-square-o"></i>
                                                            <span class="name">王二狗</span>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li data-type="department">
                                            <div class="item item-folder expand" data-value="泉州">
                                                <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                                <a class="item-name" role="button">
                                                    <i class="icon-folder fa fa-folder-open-o"></i>
                                                    <i class="icon-check fa fa-square-o" style="display:none;"></i>
                                                    <span class="name" data-id="3">泉州</span>
                                                </a>
                                            </div>
                                            <ul class="expand">
                                                <li data-type="member">
                                                    <div class="item expand" data-value="2">
                                                        <a class="item-name" role="button">
                                                            <i class="icon-folder fa fa-user"></i>
                                                            <i class="icon-check fa fa-square-o"></i>
                                                            <span class="name">张天佑</span>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pmain-main">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12">
                        <h3 class="mod-title">
                            <span class="t">多橙科技</span>
                            <a class="t-btn btn btn-link" role="button" data-toggle="modal" data-target="#edit-department">编辑</a>
                        </h3>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">下级部门</h3>
                            </div>
                            <div class="list-group">
                                <div class="list-group-item"><a class="t-btn btn btn-link" role="button" data-toggle="modal" data-target="#edit-department">添加部门</a></div>
                                <div class="list-group-item">厦门分公司</div>
                                <div class="list-group-item">泉州分公司</div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">部门员工</h3>
                            </div>
                            <div class="panel-body panel-body-up-table">
                                <div class="select-group" style="border-top: 0;">
                                    <a class="btn btn-operate-link" role="button" data-toggle="modal" data-target="#edit-member">添加员工</a>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <th>姓名</th>
                                        <!--<th>角色</th>-->
                                        <th>账号</th>
                                        <th>部门</th>
                                        <th>电话IP</th>
                                        <th>号码</th>
                                        <th>状态</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><a role="button" data-toggle="modal" data-target="#edit-member">周婷</a> <span class="label label-info">主管</span></td>
                                            <!--<td>催收主管</td>-->
                                            <td>zhouting</td>
                                            <td>泉州分公司</td>
                                            <td>192.168.4.69</td>
                                            <td>8500,8998</td>
                                            <td>在职</td>
                                            <td class="td-action">
                                                <a class="td-btn" data-toggle="modal" data-target="#edit-member" role="button">编辑</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 编辑部门 -->
    <div class="modal fade" id="edit-department" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑部门</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label>部门名称<span class="text-important">*</span></label>
                        <input id="name" name="name" class="form-control" type="text" value="">
                    </div>
                    <div class="form-group">
                        <label>上级部门<span class="text-important">*</span></label>
                        <div class="org-tree-panel org-tree-box">
                            <div class="org-tree-radio">
                                <ul class="org-tree">
                                    <li data-type="department">
                                        <div class="item item-folder expand" data-value="多橙科技">
                                            <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                            <a class="item-name" role="button">
                                                <i class="icon-folder fa fa-folder-open-o"></i>
                                                <i class="icon-check fa fa-square-o"></i>
                                                <span class="name" data-id="1">多橙科技</span>
                                            </a>
                                        </div>
                                        <ul class="expand">
                                            <li data-type="department">
                                                <div class="item item-folder expand" data-value="厦门">
                                                    <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                                    <a class="item-name" role="button">
                                                        <i class="icon-folder fa fa-folder-open-o"></i>
                                                        <i class="icon-check fa fa-square-o"></i>
                                                        <span class="name" data-id="2">厦门</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li data-type="department">
                                                <div class="item item-folder expand" data-value="泉州">
                                                    <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                                    <a class="item-name" role="button">
                                                        <i class="icon-folder fa fa-folder-open-o"></i>
                                                        <i class="icon-check fa fa-square-o"></i>
                                                        <span class="name" data-id="3">泉州</span>
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="submit" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 编辑员工 -->
    <div class="modal fade" id="edit-member" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑员工</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label>姓名<span class="text-important">*</span></label>
                                <input class="form-control" type="text" value="">
                            </div>
                            <div class="form-group">
                                <label>账号<span class="text-important">*</span></label>
                                <input class="form-control" type="text" value="">
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label>主管 <span class="text-important">*</span></label>
                                <div class="dropdown dropdown-block">
                                    <a class="btn btn-default" data-toggle="dropdown">
                                        <span class="option-name">否</span>
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu dropdown-option-menu">
                                        <li><a data-value="1" role="button">是</a></li>
                                        <li><a data-value="2" role="button">否</a></li>
                                    </ul>
                                    <input name="type" class="option-value" type="hidden" value="1">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>登录密码<span class="text-important">*</span></label>
                                <input class="form-control" type="text" value="">
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="form-group">
                                <label>电话IP<span class="text-important">*</span></label>
                                <input class="form-control" type="text" value="">
                            </div>
                            <div class="form-group">
                                <div class="table-responsive-no" style="border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;">
                                    <table class="table" style="margin-bottom: 0;">
                                        <thead>
                                        <tr>
                                            <th style="width:360px;">号码</th>
                                            <th></th>
                                        </tr>
                                        </thead>
                                        <tbody id="tableTel">
                                        <tr>
                                            <td><input class="form-control"></td>
                                            <td class="td-action"><a class="td-btn" role="button">删除</a></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <a class="btn btn-link">添加电话</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>部门<span class="text-important">*</span></label>
                                <div class="org-tree-panel org-tree-box">
                                    <div class="org-tree-radio">
                                        <ul class="org-tree">
                                            <li data-type="department">
                                                <div class="item item-folder expand" data-value="多橙科技">
                                                    <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                                    <a class="item-name" role="button">
                                                        <i class="icon-folder fa fa-folder-open-o"></i>
                                                        <i class="icon-check fa fa-square-o"></i>
                                                        <span class="name" data-id="1">多橙科技</span>
                                                    </a>
                                                </div>
                                                <ul class="expand">
                                                    <li data-type="department">
                                                        <div class="item item-folder expand" data-value="厦门">
                                                            <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                                            <a class="item-name" role="button">
                                                                <i class="icon-folder fa fa-folder-open-o"></i>
                                                                <i class="icon-check fa fa-square-o"></i>
                                                                <span class="name" data-id="2">厦门</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li data-type="department">
                                                        <div class="item item-folder expand" data-value="泉州">
                                                            <a class="caret-icon more" role="button"><i class="icon-arrow fa fa-caret-down"></i></a>
                                                            <a class="item-name" role="button">
                                                                <i class="icon-folder fa fa-folder-open-o"></i>
                                                                <i class="icon-check fa fa-square-o"></i>
                                                                <span class="name" data-id="3">泉州</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="submit" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
</block>

